<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>身份验证-双欧</title>
  <meta name="description"
        content="码力兄弟是按需用IT人才“Uber”，快准好的匹配合适的人解决企业产品技术问题，通过匹配技术咨询顾问、技术开发团队、驻场用人、全职用人甚至技术VC等一站式为企业提供技术服务解决方案的平台"/>
  <meta name="keywords" content="码力兄弟,众包,软件众包,软件外包,项目外包,项目需求,程序员接活,兼职,私活,软件开发,小程序"/>
  <meta name="copyright" content="上海易推信息科技有限公司"/>
  <meta name="author" content="evil_web（429391294@qq.com）"/>
  <link rel="stylesheet" type="text/css" href="css/base.css"/>
  <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
  <link rel="stylesheet" type="text/css" href="css/common.css"/>
  <link rel="stylesheet" type="text/css" href="css/login.css"/>
  <!--[if lte IE 9]>
  <script type="text/javascript" src="js/html5shiv-printshiv-3.js"></script>
  <![endif]-->
</head>
<body>
<div class="bg">
  <header>
    <div class="container">
      <a href="javascript:;" class="logo">
        <img src="images/logo.png" alt="">
      </a>
      <p class="header-right">
        <span class="welcome">找回密码</span>
      </p>
    </div>
  </header>
  <div class="container log-container">
    <div class="authentication-box">
      <p class="tit">
        验证身份
      </p>
      <div class="authentication-cont">
        <form class="layui-form layui-form-pane layui-form-authentication" action="">
          <div class="layui-form-item">
            <label class="layui-form-label">验 证 方 式</label>
            <div class="layui-input-block">
              <input type="text" name="title" autocomplete="off" value="已验证手机" placeholder="已验证手机" class="layui-input">
            </div>
          </div>

          <div class="layui-form-item">
            <label class="layui-form-label">昵称</label>
            <div class="layui-input-block">
              <input type="text" name="username" value="上海******公司" placeholder="上海******公司" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item">
            <label class="layui-form-label">已验证手机</label>
            <div class="layui-input-block">
              <input type="text" name="title" autocomplete="off" value="134*****234" placeholder="134*****234" class="layui-input">
            </div>
          </div>

          <div class="layui-form-item">
            <div class="layui-input-block layui-input-block-all">
              <input type="password" name="password" placeholder="请输入手机验证码" autocomplete="off" class="layui-input layui-input-all">
              <a href="javascript:;" class="get-code">获取验证码</a>
            </div>
            <div class="layui-form-mid layui-word-aux posR">
              手机号已无法使用？
              <a href="javascript:;" class="contact-phone color-blue">联系客服
                 <span class="tel-pop bg-bg_tel_number none">
                    021-12132323
                  </span>
              </a>

            </div>
          </div>

          <div class="layui-form-item">
            <button class="layui-btn btn1" lay-submit="" lay-filter="demo2">提交</button>
          </div>
        </form>
      </div>
    </div>
  </div>

</div>
<!--公共底部  footer start-->
<div class="login-footer">
  <p>
    Copyright © 2015 All Rights Reserved 版权所有©上海双鸥环境服务股份有限公司
  </p>
  <p>
    沪ICP备15044099号
  </p>
</div>
<!--公共头部  footer end-->


<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="layui/layui.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script>
  layui.use(['form', 'layedit', 'laydate'], function(){
    var form = layui.form
        ,layer = layui.layer
        ,layedit = layui.layedit
        ,laydate = layui.laydate;

    //日期
    laydate.render({
      elem: '#date'
    });
    laydate.render({
      elem: '#date1'
    });

    //创建一个编辑器
    var editIndex = layedit.build('LAY_demo_editor');

    //自定义验证规则
    form.verify({
      title: function(value){
        if(value.length < 5){
          return '标题至少得5个字符啊';
        }
      }
      ,pass: [/(.+){6,12}$/, '密码必须6到12位']
      ,content: function(value){
        layedit.sync(editIndex);
      }
    });

    //监听指定开关
    form.on('switch(switchTest)', function(data){
      layer.msg('开关checked：'+ (this.checked ? 'true' : 'false'), {
        offset: '6px'
      });
      layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
    });

    //监听提交
    form.on('submit(demo1)', function(data){
      layer.alert(JSON.stringify(data.field), {
        title: '最终的提交信息'
      })
      return false;
    });
  });
</script>

</body>
</html>